<?xml version="1.0" encoding="ISO_8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>
	
<h:body>	
	<p:panel header="#{msg.produto_headerAdd}">	
		<h:form name="form1">		
			<p:panelGrid columns="1" style="border:none;">
			
			<p:growl id="message"  showDetail="true" sticky="false" life="3000" />
			
				<p:panel id="panelProduto" header="#{msg.produto_headerCaracteristicasProduto}" style="width:99%;" >
	 				<p:panelGrid columns="2"  style="border:none;">
			 			
			 			<p:outputLabel for="nome" value="#{msg.produto_nome}" />	 
			 			<p:inputText id="nome" value="#{produtoMB.produto.nome}"  />
			 			
			 			<p:outputLabel for="descricao" value="#{msg.produto_descricao}" />	 
			 			<p:inputText id="descricao" value="#{produtoMB.produto.descricao}" />
			 					 			
			 		</p:panelGrid>
		 			
	 			</p:panel>
				
				<p:panel id="panelAddComponente" header="#{msg.produto_headerAddComponente}" style="width:99%;" >
	 				<p:panelGrid columns="2"  style="border:none;">
			 			
			 			<p:outputLabel for="componentes" value="#{msg.produto_componente}" />				 			
				        <p:selectOneMenu id="componentes" value="#{produtoMB.selectedItemComponente}" >  
				            <f:selectItem itemLabel="Selecione um componente" itemValue="" />  
				            <f:selectItems value="#{produtoMB.componentes}" /> 	
				            <p:ajax event="change"  update="pasta,panelCaracteristicasComponentes,caracteristica1,caracteristica2,caracteristica3,codigo,btn_add" listener="#{produtoMB.configuraForm()}" />		            
				        </p:selectOneMenu> 
			 			
			 			
			 			<p:outputLabel for="pasta" value="#{msg.produto_pasta}" />
			 			<p:selectOneMenu id="pasta" value="#{produtoMB.selectedItemPasta}" >  
				            <f:selectItem itemLabel="Selecione um pasta" itemValue="" />  
				            <f:selectItems value="#{produtoMB.pasta}" />
				            <p:ajax event="change"  update="caracteristica1,caracteristica2,caracteristica3,codigo,btn_add" listener="#{produtoMB.carregarCaracteristica1()}" />					            	            
				        </p:selectOneMenu>
				        
				       
				            	
			       </p:panelGrid> 
			    </p:panel> 
				       			        
		        <p:panel id="panelCaracteristicasComponentes" header="#{msg.produto_headerCaracteristicasComponente}" style="width:99%;" >
	 				<p:panelGrid columns="2"  style="border:none;">
			 			<p:outputLabel for="caracteristica1" value="#{produtoMB.labelCaracteristica1}" rendered="#{produtoMB.renderCaracteristica1}"/>	 
			 			<p:selectOneMenu id="caracteristica1" value="#{produtoMB.selectedItemcaracteristica1}"  rendered="#{produtoMB.renderCaracteristica1}">				              
				            <f:selectItems value="#{produtoMB.caracteristica1}" /> 
				             <p:ajax event="change"  update="caracteristica2,caracteristica3,codigo,btn_add" listener="#{produtoMB.carregarCaracteristica2()}" />					            		            
				        </p:selectOneMenu> 
			 			
			 			
			 			<p:outputLabel for="caracteristica2" value="#{produtoMB.labelCaracteristica2}" rendered="#{produtoMB.renderCaracteristica2}"/>	 
			 			<p:selectOneMenu id="caracteristica2" value="#{produtoMB.selectedItemcaracteristica2}"  rendered="#{produtoMB.renderCaracteristica2}">				              
				            <f:selectItems value="#{produtoMB.caracteristica2}" /> 
				            <p:ajax event="change"  update="caracteristica3,codigo,btn_add" listener="#{produtoMB.carregarCaracteristica3()}" />						            		            
				        </p:selectOneMenu>
			 			
			 			<p:outputLabel for="caracteristica3" value="#{produtoMB.labelCaracteristica3}" rendered="#{produtoMB.renderCaracteristica3}"/>	 
			 			<p:selectOneMenu id="caracteristica3" value="#{produtoMB.selectedItemcaracteristica3}"  rendered="#{produtoMB.renderCaracteristica3}">				 						             
				            <f:selectItems value="#{produtoMB.caracteristica3}" /> 		
				             <p:ajax event="change"  update="codigo,btn_add" listener="#{produtoMB.carregarCodigo()}" />			            		            
				        </p:selectOneMenu>
			 			
			 			 <p:outputLabel for="codigo" value="#{msg.produto_codigo}" />
			 			<p:selectOneMenu id="codigo" value="#{produtoMB.selectedItemCodigo}" >  
				            <f:selectItems value="#{produtoMB.codigo}" />					            	            
				        </p:selectOneMenu>	
				        
				          <p:outputLabel for="quantidade" value="#{msg.produto_quantidade}" />
			 			<p:inputText id="quantidade" value="#{produtoMB.quantidade}" /> 
 					
			 		</p:panelGrid> 				
	 				
		        </p:panel>	    
		        
		        
		        <h:panelGrid style="border:none;">
		        	<p:commandButton value="produto_add" id="btn_add" actionListener="#{produtoMB.addComponenteAoProduto()}"  update="tabela_componentes_adicionados,message,componentes,pasta,panelCaracteristicasComponentes,caracteristica1,caracteristica2,caracteristica3,codigo,btn_add,quantidade" disabled="#{produtoMB.desabilitaBotaoAdd}"/>
		        
		        </h:panelGrid>
		        
		        <p:dataTable id="tabela_componentes_adicionados" value="#{produtoMB.produtoEPropriedades}" var="produtos" rows="8" emptyMessage="#{msg.produto_componentesProduto_empty}" paginator="true">
					
					<p:column headerText="#{msg.produto_codigoColumn}" >
						<h:outputText value="#{produtos.propriedades.componente.local.codigo}"/>
					</p:column>
					
					<p:column headerText="#{msg.produto_nomeColumn}" >
						<h:outputText value="#{produtos.propriedades.componente.nome}"/>
					</p:column>						
					
					<p:column headerText="#{msg.produto_valorColumn}" >
						<h:outputText value="#{produtos.propriedades.valor}"/>
					</p:column>						
					
					<p:column headerText="#{msg.produto_quantidadeNecessarioColumn}" >
						<h:outputText value="#{produtos.componentesProduto.quantidade}"/>
					</p:column>	
					
					<p:column headerText="#{msg.produto_editaQuantidadeColumn}">							 
							<p:commandLink update=":formAlterarQuantidade" oncomplete="dlgAlterarQuantidade.show()">
								<p:graphicImage value="#{pageContext.servletContext.contextPath}/imagens/editar.png" title="#{msg.produto_editaQuantidadeColumn}" />	
								<f:setPropertyActionListener target="#{produtoMB.componeteForDelete}" value="#{produtos.propriedades.componente}" />
								<f:setPropertyActionListener target="#{produtoMB.quantidade}" value="#{produtos.componentesProduto.quantidade}" />							
							</p:commandLink>
					</p:column>
					
					<p:column headerText="#{msg.column_delete}" >
							<p:commandLink update=":formDeletarComponente" oncomplete="dlgDeletarComponente.show()">
								<p:graphicImage value="#{pageContext.servletContext.contextPath}/imagens/lixeira.png" title="#{msg.column_delete}" />
								<f:setPropertyActionListener target="#{produtoMB.componeteForDelete}" value="#{produtos.propriedades.componente}" />
							</p:commandLink>
					</p:column>
					
					
						
				
				</p:dataTable>
				
		        <h:panelGrid style="border:none;">
		        	<p:commandButton value="#{msg.button_save}" update="conteudo" ajax="false" id="botao_add_produto" action="#{produtoMB.saveProduto()}">
						<f:setPropertyActionListener target="#{urlMB.url}" value="produtos.xhtml" />
					</p:commandButton>
		        </h:panelGrid>					
 			</p:panelGrid>			
		</h:form>	
	</p:panel>
				
</h:body>
</html>